<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<link href="../../static/css/style.css" rel="stylesheet" type="text/css" />
		<link href="../../static/css/select.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../../static/js/jquery.js"></script>
		<script type="text/javascript" src="../../static/js/jquery.idTabs.min.js"></script>
		<script type="text/javascript" src="../../static/js/select-ui.min.js"></script>
		<script type="text/javascript" src="../../static/editor/kindeditor.js"></script>
		<script type="text/javascript" src="../../static/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript">
		$(document).ready(function(e) {
		    $(".select1").uedSelect({
				width : 345			  
			});
			
		});
	</script>
	<script type="text/javascript">
		KE.show({id:"ecp",width:"800px",height:"300px"});
	</script>
	</head>

	<body>
		<div class="place">
			<span>位置：</span>
			<ul class="placeul">
				<li><a href="#">个人办公</a></li>
				<li><a href="#">个人信息维护</a></li>
			</ul>
		</div>
		<div class="formbody" id="app" >

			<div class="formtitle"><span>基本信息</span></div>

			<ul class="forminfo" >
				<li>
					<label>员工号</label>
					<input name="" type="text" :value="message.staffId" v-if="!powerflag" class="dfinput"/>
					<input name="" type="text" :value="message.staffId" v-else class="dfinput" disabled/><i></i>
					<b>*</b> 员工号必须公开！
				</li>
				<li>
					<label>姓名</label>
					<input name="" :value="message.name" type="text" v-if="!powerflag" class="dfinput" />
					<input name="" :value="message.name" type="text" v-else class="dfinput" disabled/><i></i>
					<b>*</b> 姓名必须公开！
				</li>
				<li>
					<label>密码</label>
					<input name="" value="******" type="text" class="dfinput" disabled/><i></i>
					<b>*</b> 密码不能公开！
					<b>*</b> <u><a href="javascript:void(0)" @click="changePassword" style="">修改密码？</a></u>
				</li>
				<li v-if="!sexflag">
					<label>性别</label>
					<input name="sex" type="radio" value="1" checked="checked">男&nbsp;&nbsp;&nbsp;&nbsp;
					<input name="sex" type="radio" value="0"/>女
					<input type="button" class="dfinput" style="cursor: pointer;width: 80px;margin-left: 300px" :value="1==(message.flagList[3])?'公开':'不公开'" onclick="changeState(this)">
				</li>
				<li v-else>
					<label>性别</label>
					<input name="sex" type="radio" value="1">男&nbsp;&nbsp;&nbsp;&nbsp;
					<input name="sex" type="radio" value="0" checked="checked"/>女
					<input type="button" class="dfinput" style="cursor: pointer;width: 80px;margin-left: 300px" :value="1==(message.flagList[3])?'公开':'不公开'" onclick="changeState(this)">
				</li>
				<li>
					<label>年龄</label>
					<input name="" :value="message.age" type="text" class="dfinput"/><i></i>
					<input type="button" class="dfinput" style="cursor: pointer;width: 80px" :value="1==(message.flagList[4])?'公开':'不公开'" onclick="changeState(this)">
				</li>
				<li style="height: 34px">
					<label>职位</label>
					<select class="dfinput" style="float: left;opacity: 100" v-if="!powerflag">
						<option :power="one.id" v-for="one in positionInfo">{{ one.positionName }}</option>
					</select>
					<select class="dfinput" style="float: left;opacity: 100" v-else disabled>
						<option :power="one.id" v-for="one in positionInfo">{{ one.positionName }}</option>
					</select><i></i>
					<b>*</b> 职位必须公开！
				</li>
				<li style="height: 34px">
					<label>所属部门</label>
					<select class="dfinput" style="float: left;opacity: 100" v-if="!powerflag">
						<option :power="one.id" v-for="one in deptInfo">{{ one.deptName }}</option>
					</select>
					<select class="dfinput" style="float: left;opacity: 100" v-else disabled>
						<option :power="one.id" v-for="one in deptInfo">{{ one.deptName }}</option>
					</select><i></i>
					<b>*</b> 所属部门必须公开！
				</li>
				<li>
					<label>联系方式</label>
					<input name="" :value="message.tel" type="text" class="dfinput" /><i></i>
					<input type="button" class="dfinput" style="cursor: pointer;width: 80px" :value="1==(message.flagList[7])?'公开':'不公开'" onclick="changeState(this)">
				</li>
				<li>
					<label>邮箱</label>
					<input name="" :value="message.email" type="text" class="dfinput" /><i></i>
					<input type="button" class="dfinput" style="cursor: pointer;width: 80px" :value="1==(message.flagList[8])?'公开':'不公开'" onclick="changeState(this)">
				</li>
				<li>
					<label>爱好<b>*</b></label>
					<textarea class="dfinput" :value="message.hobby" style="height: 80px"></textarea><i></i>
					<input type="button" class="dfinput" style="cursor: pointer;width: 80px" :value="1==(message.flagList[9])?'公开':'不公开'" onclick="changeState(this)">
				</li>
				<li>
					<label>自我介绍<b>*</b></label>
					<textarea class="dfinput" :value="message.selfPartiality" style="height: 80px"></textarea><i></i>
					<input type="button" class="dfinput" style="cursor: pointer;width: 80px" :value="1==(message.flagList[10])?'公开':'不公开'" onclick="changeState(this)">
				</li>
				<li style="height: 34px">
					<label>角色</label>
					<select class="dfinput" style="float: left;opacity: 100" v-if="!powerflag">
						<option :power="one.id" v-for="one in roleInfo">{{ one.roleName }}</option>
					</select>
					<select class="dfinput" style="float: left;opacity: 100" v-else disabled>
						<option :power="one.id" v-for="one in roleInfo">{{ one.roleName }}</option>
					</select><i></i>
					<b>*</b> 角色必须公开！
				</li>
				<li>
					<label>&nbsp;</label>
					<input name="" type="button" class="btn" value="确认保存" onclick="submit()"/>
				</li>
			</ul>

			<div class="tip" id="tip1">
				<div class="tiptop"><span>提示信息</span>
					<a @click="closetip2"></a>
				</div>

				<div class="tipinfo">
					<div class="tipright">
						<p>请确认新密码：</p>
						<input type="text" class="dfinput" id="changingPwd" style="opacity: 100"/>
					</div>
				</div>

				<div class="tipbtn">
					<input name="" type="button" class="sure" @click="closetip1" value="确定修改" />&nbsp;
					<input name="" type="button" class="cancel" @click="closetip2" value="取消" />
				</div>

			</div>
		</div>

	</body>
	<script type="text/javascript" src="../../static/js/vue.js"></script>
	<script type="text/javascript" src="../../static/js/axios.min.js"></script>
	<script type="text/javascript" src="../../static/js/personalOffice/staffInfoUpdate.js"></script>

</html>